<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Crowd Timeline</title>
		<meta name="description" content="Website for writing collaborative stories through a timeline.">
		<meta name="keywords" content="stories, timeline, crowd">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="/static/templatecss/css/style.css">
		<!-- modernizr enables HTML5 elements and feature detects --><script type="text/javascript" src="/static/templatecss/js/modernizr-1.5.min.js"></script>
        <link href="/static/style.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="/static/jquery.min.js"></script>
		<script type="text/javascript" src="/static/jquery-ui.min.js"></script>
		<script language="javascript" src="/static/script.js"></script>
        <script language="javascript" src="/static/datepicker.jquery.js"></script>
        <script type="text/javascript">var switchTo5x=true;</script>
		<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
		<script type="text/javascript">stLight.options({publisher: "ur-67b86f71-73ea-1023-63d3-e6e88af77dea"}); </script>
        <link media="all" type="text/css" href="/static/jquery-ui.css" rel="stylesheet">
        
    </head>
    
	<body id="main">
		<header>
	    	<div id="logo">
		        <div id="logo_text">
					<!-- class="logo_colour", allows you to change the colour of the text -->
		          	<h1><a href="/">Crowd<span class="logo_colour"> Timeline</span></a></h1>
		          	<h2>Histórias colaborativas.</h2>
		        </div>
	        </div>
		        
	        <nav>
				<ul class="sf-menu" id="nav">
					<li id="home_menu"><a href="/">Home</a></li>
		          	<li id="timelines_menu"><a href="/timelines">Timelines</a></li>
		          	<li id="events_menu"><a href="/user/events">Eventos</a></li>
		          	<li id="voting_menu"><a href="/vote">Votar</a></li>
		          	<li id="user_menu"><a href="/user/login">Minha Conta</a></li>
				</ul>
				<div id="account">
                        {% block navbar %}
                        {% endblock %}
                </div>
			</nav>
			<div class="share">
				<span class='st_facebook_hcount' displayText='Facebook'></span>
				<span class='st_googleplus_hcount' displayText='Google +'></span>
				<span class='st_twitter_hcount' displayText='Tweet'></span>
				<span class='st_email_hcount' displayText='Email'></span>				
			</div>
		    
		</header>

		<div id="site_content">
			<div id="sidebar_container">
				{% block sidebar %}
				{% endblock %}
			</div>

			{% block content %}{% endblock %}    
	    </div>
	    
	    {% block timeline %}{% endblock %}
	
	    <footer>
			<p>Copyright &copy; CSS3_photo_two | <a href="http://www.css3templates.co.uk">design from css3templates.co.uk</a></p>
		</footer>
			
	</body>
</html>